<!DOCTYPE html>
<html lang="en">


<head>
  <meta charset="UTF-8" />
  <meta name="theme-color" content="#1890ff" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="keywords"
    content="antd,umi,umijs,ant design,Scaffolding, layout, Ant Design, project, Pro, admin, console, homepage, out-of-the-box, middle and back office, solution, component library" />
  <meta name="description" content="
    An out-of-box UI solution for enterprise applications as a React boilerplate." />
  <meta name="description" content="
      Out-of-the-box mid-stage front-end/design solution." />
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> -->
  <title>物联网超限预警</title>
  <link rel="icon" href="<%= context.config.publicPath +'favicon.ico'%>" type="image/x-icon" />
  <!-- <script src="<%= context.config.publicPath +'echarts'%>"></script> -->
  <!-- <script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=wzGS3O8V676gW1TD6cc7VKAWYn9RIZ9g"></script> -->
  <!-- <script src="https://gw.alipayobjects.com/os/lib/antv/g6/4.2.4/dist/g6.min.js"></script>
  <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.hierarchy-0.5.0/build/hierarchy.js"></script> -->
  <script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=HT7BZ-JXKLB-QTOUI-NQOJX-2AFUK-7CBFI&libraries=vector"></script>

  <script>
    // 获取所有 cookie
    var allCookies = document.cookie;

    // 将所有 cookie 拆分成一个数组
    var cookiesArray = allCookies.split('; ');

    // 创建一个变量来存储目标 cookie 的值
    var injectCookieValue = null;

    // 遍历 cookie 数组以查找名为 "injectCookie" 的 cookie
    for (var i = 0; i < cookiesArray.length; i++) {
      var cookie = cookiesArray[i];
      var cookieParts = cookie.split('=');

      // 检查是否找到了名为 "injectCookie" 的 cookie
      if (cookieParts[0] === "injectCookie") {
        // 如果找到了，将其值存储在变量中
        injectCookieValue = decodeURIComponent(cookieParts[1]);
        break; // 停止查找
      }
    }
    if (injectCookieValue) {
      document.cookie = 'authorizationc=' + injectCookieValue + ';path=/';
    }
    if (navigator.userAgent.indexOf('from=eapps') !== 1) {
      // alert(window.screen.availWidth);
      // alert(window.devicePixelRatio)
      // 创建一个新的<meta>元素
      var metaTag = document.createElement('meta');
      metaTag.name = 'viewport';
      const w = Math.min(1960, window.screen.availWidth * window.devicePixelRatio);
      metaTag.content = `width=${w}, user-scalable=no`;

      // 获取<head>元素
      var head = document.getElementsByTagName('head')[0];

      // 将新的<meta>标签添加到<head>中
      head.appendChild(metaTag);
    }

  </script>
  <style>
    .infoContentItem{
      width: 200px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }
  </style>
</head>

<body>
  <div id="<%= context.config.mountElementId %>">
    <style>
      html,
      body,
      #root {
        height: 100%;
        margin: 0;
        padding: 0;
      }

      #root {
        background-repeat: no-repeat;
        background-size: 100% auto;
      }

      .noscript-container {
        display: flex;
        align-content: center;
        justify-content: center;
        margin-top: 90px;
        font-size: 20px;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode',
          Geneva, Verdana, sans-serif;
      }

      .noscript-enableJS {
        padding-right: 3px;
        padding-left: 3px;
      }

      .page-loading-warp {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 98px;
      }

      .ant-spin {
        position: absolute;
        display: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        color: rgba(0, 0, 0, 0.65);
        color: #1890ff;
        font-size: 14px;
        font-variant: tabular-nums;
        line-height: 1.5;
        text-align: center;
        list-style: none;
        opacity: 0;
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
        transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
        transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
        transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
          -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
        -webkit-font-feature-settings: 'tnum';
        font-feature-settings: 'tnum';
      }

      .ant-spin-spinning {
        position: static;
        display: inline-block;
        opacity: 1;
      }

      .ant-spin-dot {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        font-size: 20px;
      }

      .ant-spin-dot-item {
        position: absolute;
        display: block;
        width: 9px;
        height: 9px;
        background-color: #1890ff;
        border-radius: 100%;
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        opacity: 0.3;
        -webkit-animation: antspinmove 1s infinite linear alternate;
        animation: antSpinMove 1s infinite linear alternate;
      }

      .ant-spin-dot-item:nth-child(1) {
        top: 0;
        left: 0;
      }

      .ant-spin-dot-item:nth-child(2) {
        top: 0;
        right: 0;
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
      }

      .ant-spin-dot-item:nth-child(3) {
        right: 0;
        bottom: 0;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
      }

      .ant-spin-dot-item:nth-child(4) {
        bottom: 0;
        left: 0;
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
      }

      .ant-spin-dot-spin {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-animation: antrotate 1.2s infinite linear;
        animation: antRotate 1.2s infinite linear;
      }

      .ant-spin-lg .ant-spin-dot {
        width: 32px;
        height: 32px;
        font-size: 32px;
      }

      .ant-spin-lg .ant-spin-dot i {
        width: 14px;
        height: 14px;
      }

      @media all and (-ms-high-contrast: none),
      (-ms-high-contrast: active) {
        .ant-spin-blur {
          background: #fff;
          opacity: 0.5;
        }
      }

      @-webkit-keyframes antSpinMove {
        to {
          opacity: 1;
        }
      }

      @keyframes antSpinMove {
        to {
          opacity: 1;
        }
      }

      @-webkit-keyframes antRotate {
        to {
          -webkit-transform: rotate(405deg);
          transform: rotate(405deg);
        }
      }

      @keyframes antRotate {
        to {
          -webkit-transform: rotate(405deg);
          transform: rotate(405deg);
        }
      }
    </style>
    <div style="
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          height: 100%;
          min-height: 420px;
        ">
      <!-- <img src="<%= context.config.publicPath +'pro_icon.svg'%>" alt="logo" width="256" /> -->
      <div class="page-loading-warp">
        <div class="ant-spin ant-spin-lg ant-spin-spinning">
          <span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i
              class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span>
        </div>
      </div>

    </div>
</body>

</html>